<script>
export default {
  name: 'AIModelAnalysis',
  props: {
    queryForm: {
      type: Object,
      required: true,
      default: {}
    },
    projectList: {
      type: Array,
      default: () => []
    }
  },
  created() {
  },
  methods: {},
  destroyed() {
  }
}
</script>

<template>
  <div>
    <h2>07、AI模型分析</h2>
    <div class="model-run-date-box">
      <h3>7.1、运行模式时长分析</h3>
      <table>
        <thead>
        <tr>
          <th>数据时间</th>
          <th>基础模式(h)</th>
          <th>低碳模式(h)</th>
          <th>经济模式(h)</th>
          <th>电网互动模式(h)</th>
        </tr>
        </thead>
        <tbody>
        <tr>
          <td>2024-12-01</td>
          <td>30</td>
          <td>30</td>
          <td>30</td>
          <td>30</td>
        </tr>
        </tbody>
      </table>
      <div class="desc">
        <p>
          展示和分析在时间段内不同运行模式的时长数据情况。项目1在2022年01月02日-2022年01月06日中，基础模式的总时长为12小时，其中2022-01月06日的基础模式时长最高，为4h;2022-01月04日基础模式时长最低，为 1h。低碳模式的总时长为14小时，其中2022-01月06日的低碳模式时长最高，为4h;2022-01月04日低碳模式时长最低，为 1h。经济模式的总时长为7小时，其中2022-01月06日的经济模式时长最高，为4h;2022-01月04日经济模式时长最低，为 1h。电网互动模式的总时长为4小时，其中2022-01月06日的电网互动模式时长最高，为4h;2022-01月04日电网互动模式时长最低，为 1h。</p>
      </div>
    </div>
    <div class="model-data-box">
      <h3>7.2、AI模型数据情况</h3>
      <table>
        <thead>
        <tr>
          <th>数据时间</th>
          <th>收益(元）</th>
          <th>费用(元）</th>
          <th>减排量(kgCO2)</th>
        </tr>
        </thead>
        <tbody>
        <tr>
          <td>电梯</td>
          <td>30</td>
          <td>30</td>
          <td>30</td>
        </tr>
        </tbody>
      </table>
      <div class="desc">
        <p>
          展示和分析在时间段内收益、费用、减排量的数据情况。项目1在2022年01月02日-2022年01月06日中，收益总量为70元，其中2022-01月06日的收益最高，为 30元 ;2022-01月04日收益最低，为 5元。费用总量为70元，其中2022-01月06日的费用最高，为30元;2022-01月04日费用最低，为 3元。减排放总量为10kgCO2，其中2022-01月06日的减排量最高，为 10kgCO2;2022-01月04日减排量最低，为 3kgCO2。</p>
      </div>
    </div>
  </div>
</template>

<style scoped lang="scss">
.model-run-date-box, .model-data-box {
  padding: 0 5%;

  table {
    border-collapse: collapse;
    width: 60%;
    margin: 0 10%;
    font-size: 16px;
    font-weight: 500;

    th {
      border: 1px solid rgba(0, 0, 0, 0.6);
      padding: 6px 10px;
      background-color: rgb(2, 149, 144);
      text-align: center;
    }

    td {
      border: 1px solid #000000;
      padding: 6px 10px;
      text-align: center;
    }
  }

  .desc {
    padding: 0 5%;

    p {
      text-indent: 2em;
      line-height: 28px;
    }
  }
}
</style>
